//index.js
//获取应用实例
const app = getApp();

Page({
  data: {
    motto: '进入详情',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo'),
    marginTop: wx.getSystemInfoSync()['statusBarHeight'] + 46,
    dataListArr: [{
        name: '重写官网的按钮组件样式',
        url: '/pages/buttons/buttonPage'
      },
      {
        name: '使用weui组件',
        url: '/pages/weui-demos/demo'
      },
      {
        name: '使用vant weapp组件',
        url: '/pages/vant-weapp-demos/demo'
      },
    ]
  },
  //事件处理函数
  gotoDetail: function(e) {
    wx.redirectTo({
      url: e.currentTarget.dataset.item.url
    });
  },
  onLoad: function() {
    wx.showLoading({
      title: '加载中'
    });
    setTimeout(() => {
      wx.hideLoading();
    }, 2000);
    if (app.globalData.userInfo) {
      this.setData({
        userInfo: app.globalData.userInfo,
        hasUserInfo: true
      });
    } else if (this.data.canIUse) {
      // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
      // 所以此处加入 callback 以防止这种情况
      app.userInfoReadyCallback = res => {
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        });
      };
    } else {
      // 在没有 open-type=getUserInfo 版本的兼容处理
      wx.getUserInfo({
        success: res => {
          app.globalData.userInfo = res.userInfo;
          this.setData({
            userInfo: res.userInfo,
            hasUserInfo: true
          });
        }
      });
    }
  },
  getUserInfo: function(e) {
    console.log(e);
    app.globalData.userInfo = e.detail.userInfo;
    this.setData({
      userInfo: e.detail.userInfo,
      hasUserInfo: true
    });
  }
});